<!DOCTYPE html>
<html lang="en">
<head>
    
    <link href="../css/bootstrap-3.3.5-dist/css/bootstrap.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"
          charset="UTF-8">

    <title>启慧智库</title>

    <!--主页面的css-->
</head>


<style>
    #menu .sectionLine:hover {
        background: #22282e;
    }

    #showUsername:hover {
        background: #008fbf;

    }

    .dropdown:hover {
        background: #008fbf;
    }

    .dropdown li:hover {
        background: #eaedf1;
        cursor: pointer;
    }

    ::-webkit-scrollbar {
        width: 0px;/*这里设置的是滚动条的纵向宽度， height在这里就是滚动条的横向高度*/
    }

	/*
    table {
        table-layout: fixed;
    }

    td {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
	*/
	.loginNotify::-webkit-scrollbar-thumb{
	/*这里设置滚动条除了高度和高度以外的样式*/
        border-radius: 5px;
	        background: #09C;

    }
	.loginNotify::-webkit-scrollbar {
        width: 5px;
    }
	.cheungsshAreaContent,.ui-menu::-webkit-scrollbar-thumb{
		border-radius: 5px;
                background: #09C;
	}
	.cheungsshAreaContent,.ui-menu::-webkit-scrollbar{
		        width: 8px;
	}


    .ui-menu {
        height: auto;
        max-height:20%;
    }
	


</style>
<body >
<div class="clearfix col-md-10 col-md-offset-1 col-lg-10 col-lg-offset-1 col-sm-10 col-sm-offset-1">
	<div style="margin-top:40px">
		<span>班口选择</span>
		<select id="point" >
		</select>
		<button class="btn btn-sm btn-primary" id="print" style="margin-left:40px">打印</button>
	<div>
<div style="margin-top:10px" class="clearfix">
	<div class="col-md-1 col-lg-1 col-sm-1">站点</div>
	<div id="site" class="col-lg-2 col-md-2 col-sm-2" style=";border-bottom:1px solid black"></div>
	<div class="col-md-1 col-sm-1 col-lg-1">站长</div>
	<div id="name" class="col-lg-2 col-sm-2 col-md-2" style=";border-bottom:1px solid black"></div>
	<div class="col-md-1 col-lg-1 col-sm-1">充值合计</div>
	<div id="charge_total" class="col-sm-1 col-lg-1 col-md-1" style="border-bottom:1px solid black">202029元</div>
	<div class="col-md-1 col-lg-1 col-sm-1">(现金</div>
	<div id="charge_cash" class="col-sm-1 col-lg-1 col-md-1" style="border-bottom:1px solid black"></div>
	<div class="col-md-1 col-lg-1 col-sm-1">扫码</div>
	<div id="charge_code" class="col-lg-1 col-sm-1 col-md-1" style="border-bottom:1px solid black;padding:0px"></div>
</div>
<div style="margin-top:10px" class="clearfix">
	<div class="col-md-1 col-lg-1 col-sm-1">消费合计</div>
	<div id="consumption" class="col-lg-2 col-md-2 col-sm-2" style=";border-bottom:1px solid black"></div>
	<div class="col-md-1 col-lg-1 col-sm-1">总计</div>
	<div id="all" class="col-lg-2 col-md-2 col-sm-2" style=";border-bottom:1px solid black"></div>
</div>
    <table class="table table-hover table-striped  table-bordered  table-condensed  table-responsive "  style="margin-top:40px">
        <thead>
        <tr >
            <th>燃油型号</th>
            <th>容量(L)</th>
            <th>销售金额(￥)</th>
            <th>微信收款(￥)</th>
            <th>支付宝收款(￥)</th>
            <th>会员支付(￥)</th>
            <th>现金支付(￥)</th>
            <th>刷卡支付(￥)</th>
            <th>记账支付(￥)</th>
            <th>团油支付(￥)</th>
        </tr>
        </thead>
        <tbody id="tab">
        </tbody>

    </table>
	<div style="float:right;margin-right:10px">
		<h3 id="handover_date"></h3>
		<h3 id="print_date"></h3>
	</div>
</div>

<div id="loadPic"
     style="text-align: center;padding: 10px;color: white;font-weight:bold   ;border-radius:8px;background: rgba(0,0,0,0.5);;z-index: 1004;width: 200px;height:40px;margin:auto;position:fixed;top:0px;bottom:0px;right:0px;left:0px;display: none;">
<i class="fa fa-refresh fa-spin"></i>
    <span style="letter-spacing: 4px;">请稍后...</span>
</div>

<div id="loadPic"
     style="text-align: center;padding: 10px;color: white;font-weight:bold   ;border-radius:8px;background: rgba(0,0,0,0.5);;z-index: 1004;width: 200px;height:40px;margin:auto;position:fixed;top:0px;bottom:0px;right:0px;left:0px;display: none;">
<i class="fa fa-refresh fa-spin"></i>
    <span style="letter-spacing: 4px;">请稍后...</span>
</div>





<div id="showErrorInfoDIV"
     style="z-index: 1005;display:none;position: absolute;  top: 0px; bottom: 0px ;left: 0px; right: 0px; ;">
    <div style="width:auto;height: 200px;position: fixed;left: 0px;right: 0px;top: 40%;bottom: 60%;margin: auto;;"
         id="">
        <div class="modal "
             style="overflow:hidden;overflow-y:hidden;position:relative;left:0px;right:0px;bottom:0px;top:0px;margin:auto;display:block;">
            <div class="modal-dialog">
                <div class="modal-content  ">
                    <div class="modal-header" style="cursor: move;">

                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>

                        <h4 class=" glyphicon glyphicon-alert " style="color: red;">
				<span>错误</span>
			</h4>
                    </div>

                    <div class="modal-body  ">
                        <p id="showWarnContent" style="text-align:center;;color:red; font-weight:bold;">请确认您的消息?</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal" id="closeButton">好的</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>


<div id="shadow" style="display:none;position: absolute;  top: 0px; bottom: 0px ;left: 0px; right: 0px; z-index: 1003;background: rgba(0,0,0,0.4); "></div>
<script src="../js/jquery-2.2.3.min.js"></script>
<script src="../js/CheungSSHGlobal.js"></script>
<script src="../js/handover.js"></script>



</body>
</html>


